<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>VIP用户出场页</title>
    <a href="${pageContext.request.contextPath}/VIPmenu.html" style="color: #8032f5">VIP用户菜单</a>
    <a href="${pageContext.request.contextPath}/VIPself.html" style="color: #8032f5"><span>用户名:${UserName}</span></a>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/reset.css"><!--CSS RESET-->
    <link rel="stylesheet" href="css/demo.css">
    <link rel="stylesheet" href="src/css/dialog.css">
    <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"><!--演示页面样式，使用时可以不引用-->
</head>
<body>
<form id="out" action="<c:url value="/VIPout1.html"/>" method="post">
    <h2>是否决定出场</h2>
    <div class="mt20"><button id="sendSuccessToTop">出场</button></div>
</form>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="src/jquery.dialog.js"></script>
<script>
    $(function () {
        $('button#sendSuccessToTop').click(function () {
            var postdata= $("#out").serialize();
            $.ajax({
                url:"VIPoutpay.html",
                async:false,
                cache:false,
                data:postdata,
                type:"POST",
                success:function () {
                    alert("如果操作成功页面就会跳转，操作失败就停留在原页面");
                },
                error:function () {
                    alert("未知错误");
                }
            });
        })
    })
</script>
</body>
</html>
